﻿    <!DOCTYPE html>
    <html>
    <head>
    
	<!--
    <link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css" />
	-->
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
    
    <title>Web interface for testing users App</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Boots trap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/loginwindow.css" rel="stylesheet" type="text/css" />



    </head>
    <body>
		
      <!-- Button to trigger modal -->
        <button type="button" data-toggle="modal" data-target="#myModal"> Press for SignIn / Login </button>
        
        <!-- Modal -->
        <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">?</button>
            <h3 id="myModalLabel">Wellcome to test system!</h3>
          </div>
          <div class="modal-body">
            <ul class="nav nav-tabs" id="login-or-register">
              <li ><a href="#register" data-toggle="tab">Register</a></li>
              <li class="active"><a href="#profile" data-toggle="tab">Autorise</a></li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane" id="register">
                    <form action="#">
                        <div class="row">
                            <h3>Do you have a login?</h3>
                            <p>Sign in, please.</p>
                        </div>
                        <div class="row">
                            <label for="login">Enter you login</label>
                            <input id="login" name="login" value="" />
                            <span class="required">*</span>
                        </div>
                        <div class="row">
                            <label for="password">Enter password</label>
                            <input id="password" name="password" value="" />
                            <span class="required">*</span>
                        </div>
                        <div class="row">
                            <label for="password_repeat">Repeat password</label>
                            <input id="password_repeat" name="password_repeat" value="" />
                            <span class="required">*</span>
                        </div>
                        <div class="row">
                            Marked fields by <span class="required">*</span> are required!
                        </div>
                        <div class="row">
                            <input type="submit" id="register_button" class="register_button" value="Submit" />
                        </div>
                    </form>
              </div>
              <div class="tab-pane active" id="profile">
                    <form action="#">
                        <div class="row">
                            <h3>Do you have a login?</h3>
                            <p>Autorise, please.</p>
                        </div>
                        <div class="row">
                            <label for="user_login">Enter your login</label>
                            <input id="user_login" name="login" value="" />
                            <span class="required">*</span>
                        </div>
                        <div class="row">
                            <label for="user_password">Enter password</label>
                            <input id="user_password" name="password" value="" />
                            <span class="required">*</span>
                        </div>
                        <div class="row">
                            Marked fields by <span class="required">*</span> are required!
                        </div>
                        <div class="row">
                       <input type="checkbox" id="remember-me" /><label for="remember-me">Remember me?</label>
                       </div>
                        <div class="row">
                            <input type="submit" id="login_button" class="login_button" value="Enter" />
                        </div>
                    </form>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
          </div>
        </div>	



    </body>
    </html>